﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script>dojoConfig = { parseOnLoad: true }</script>
    <link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" />
    <style type="text/css">
        @import "dojo/dojox/layout/resources/FloatingPane.css";
        @import "dojo/dojox/layout/resources/ResizeHandle.css";
    </style>
    <script src="dojo/dojo/dojo.js"></script>

    <script>
        require(["dojo/ready", "dijit/layout/ContentPane"], function (ready, ContentPane) {
            ready(function () {
                new ContentPane({
                    content: "<p>I am initial content</p>",
                    style: "height:125px"
                }).placeAt("targetID2");
            });
        });
    </script>
</head>
<body class="claro">
    <div id="targetID2"  style="background-color:red">
        A contentPane will appear here:
    </div>
</body>
</html>